@layout("/common/_container.html",{js:["/assets/transport/dispatch/choiceCar.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">Company Vehicles</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
               		<div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
                	<ul class="layui-tab-title">
                		<li class="layui-this">Idle Vehicles</li>
                		<!-- <li>Configuring Vehicles</li> -->
                		<li>In-Transit Vehicles</li>
                	</ul>
               			<div class="layui-tab-content">
               				<div class="layui-tab-item layui-show">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
			                            <div class="layui-inline">
					                        <select id="operateId" lay-filter="operateId">
					                            <option value="">Select Project Department</option>
					                            @for(item in basicOperatelist!){
					                            <option value="${item.id}">${item.operateName}</option>
					                            @}
					                        </select>
			                            </div>
					                    <div class="layui-inline">
					                        <select id="privatecarFleetId" lay-filter="privatecarFleetId">
					                            <option value="">Select Carrier</option>
					                        </select>
					                    </div>
					            <div class="layui-inline">
					                <input id="condition" class="layui-input" type="text" placeholder="Keywords"/>
					            </div>
					            <div class="layui-inline">
					        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
					            </div>
			                        </div>
			                    </div>
			                    <table class="layui-table" id="basicPrivatecarTable" lay-filter="basicPrivatecarTable"></table>
							</div>
               				<!-- <div class="layui-tab-item">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
							            <div class="layui-inline">
							                <input id="condition2" class="layui-input" type="text" placeholder="车牌号"/>
							            </div>
							            <div class="layui-inline">
							                <input id="driver1_2" class="layui-input" type="text" placeholder="司机姓名"/>
							            </div>
							            <div class="layui-inline">
									        <button id="btnSearch2" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
							            </div>
			                        </div>
			                    </div>
			                    <table class="layui-table" id="basicPrivatecarTable2" lay-filter="basicPrivatecarTable2"></table>
							</div> -->
               				<div class="layui-tab-item">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
			                            <div class="layui-inline">
					                        <select id="operateId3" lay-filter="operateId3">
					                            <option value="">Select Project Department</option>
					                            @for(item in basicOperatelist!){
					                            <option value="${item.id}">${item.operateName}</option>
					                            @}
					                        </select>
			                            </div>
					                    <div class="layui-inline">
					                        <select id="privatecarFleetId3" lay-filter="privatecarFleetId3">
					                            <option value="">Select Carrier</option>
					                        </select>
					                    </div>
					            <div class="layui-inline">
					                <input id="condition3" class="layui-input" type="text" placeholder="Keywords"/>
					            </div>
					            <div class="layui-inline">
					        <button id="btnSearch3" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
					            </div>
			                        </div>
			                    </div>
			                    <table class="layui-table" id="basicPrivatecarTable3" lay-filter="basicPrivatecarTable3"></table>
							</div>
               			</div>
               		</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="tableBar">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="xianze"><i class="layui-icon">&#xe716;</i>Select</a>
</script>
<script type="text/html" id="tableBar2">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="tomingxi"><i class="layui-icon">&#xe615;</i>Details</a>
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="xianze2"><i class="layui-icon">&#xe716;</i>Select</a>
</script>
<script type="text/html" id="tableBar3">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="xianze3"><i class="layui-icon">&#xe716;</i>Select</a>
</script>

<script type="text/html" id="billstateTpl">
  {{#  if(d.privatecarState === '已调'){ }}
    <span style="color: #ffaa00;">{{ d.privatecarState }}</span>
  {{#  }else if(d.privatecarState === '在途'){ }}
    <span style="color: #19be6b;">{{ d.privatecarState }}</span>
  {{#  } else { }}
    <span style="font-weight: 600;">{{ d.privatecarState }}</span>
  {{#  } }}
</script>


@}